<template>
    <div class="picText">
        <div class="pic" @click="getList()">
            <img class="auto-img" :src="PicTextData.coverImgUrl||PicTextData.picUrl" alt="">
        </div>
        <div class="text">{{ PicTextData.name }}</div>
    </div>
</template>

<script>
export default {
    name: "PicText",
    methods: {
        getList() {
              
            this.$emit('getSonDetail')
        }
    },
    props: {
        PicTextData: {
            type: Object,
            default() {
                return {}
            }
        },
        created() {
              
        }
    },
}
</script>

<style lang="less" scoped>
.pic {
    
    width: 100px;

    img {
        border-radius: 10px;
    }

    // height: 130px;

}


.text {
    margin: 10px 0px;
    display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
          word-break: break-all;
}
</style>